html {
  /* writing mode */
  writing-mode: horizontal-tb;

  orphans: 2;
  widows: 2;
}

* {
  margin: 0;
  padding: 0;
}

@page {
  size: 144mm 217mm;
  
  /* 2018年1月18日, 修改了'margin-top'和'margin-bottom'但是没有效果,估计是和'top-left|right','bottom-left|right'有关 */
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20mm;
  margin-right: 20mm;
  
  /*margin-top: 20mm;
  margin-bottom: 20mm;
  margin-left: 20mm;
  margin-right: 20mm;*/
  
  /* The followings are inherited to page-margin boxes */
  font-family: "Quattrocento", Georgia, serif;
  font-size: 9pt;
  vertical-align: top;
}
@page :left {
  /* top-left header */
  @top-left {
    content: "Wood Engraving";
    margin-top: 10mm;
    margin-bottom: 4mm;
    border-bottom: 2pt solid #000;
  }
  /* bottom-left page number */
  @bottom-left {
    content: counter(page);
    margin-top: 6mm;
  }
}
@page :right {
  /* top-right header (only for border) */
  @top-right {
    content: "";
    margin-bottom: 4mm;
    border-bottom: 2pt solid #000;
  }
  /* bottom-right page number */
  @bottom-right {
    content: counter(page);
    margin-top: 6mm;
  }
}
html {
  font-family: "Quattrocento", Georgia, serif;
  font-weight: normal;
  font-size: 10pt;
  line-height: 18pt;
  -webkit-font-smoothing: antialiased;
}

h1 {
  font-weight: bold;
  font-size: 2em;
  line-height: 1em;
  margin-bottom: 10pt;
  text-indent: 0;
  /* forbid page/column break after it */
  -webkit-column-break-after: avoid;
     page-break-after: avoid;
          break-after: avoid;
}

h2 {
  font-size: 12pt;
  font-weight: bold;
  text-indent: 0;
  /* forbid page/column break after it */
  -webkit-column-break-after: avoid;
     page-break-after: avoid;
          break-after: avoid;
  line-height: 32pt;
  margin-top: 16pt;
}

p {
  text-indent: 2em;
  text-align: justify;
  hyphens: auto;
}

p.dropcap {
  text-indent: 0;
  min-width: 20pt;
}

p.dropcap span.dropcap {
  font-size: 36pt;
  float: left;
  line-height: 36pt;
  margin-right: 2.25pt;
}

p.author {
  text-indent: 0;
  text-align: right;
}
